<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>日历控件——图标触发</title>
    <script type="application/javascript" charset="utf-8" src="../laydate/laydate.js"></script>
    <script>
        window.onload = function () {
            laydate.skin('molv');
        }
    </script>
    <style>
        .inline{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
        .demoicon{border: none; width:10px; cursor:pointer;}
        .layinput{position:relative; height:30px; width:210px; border: 1px solid #ccc; background:#fff repeat-x;}
        .layinputs{height:22px; line-height:22px; width:150px; margin:0;}
    </style>
</head>
<body>
<input readonly="readonly" class="inline layinput layinputs" id="hello1">
<div class="laydate-icon inline demoicon" onclick="laydate({elem: '#hello1',festival: true,format : 'YYYY/MM/DD'});"></div>
</body>
</html>